<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>高考志愿卡 - 查询结果</title>
	<meta name="description" content="高考志愿卡智能定制你的最佳升学路径, 学习·升学·就业·读研·留学·考公"/>
	<meta name="keywords" content="高考志愿卡,录取概率,院校排行,招生计划,职业推荐,位次查询,录取数据,选课测评,专业推荐,专业库"/>
    <link rel="shortcut icon" href="../pc/assets/icon.ico" type="image/vnd.microsoft.icon" />
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../pc/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../pc/assets/css/common.css?v=2.0">
    <link rel="stylesheet" href="../pc/assets/css/query/query.css?v=3.0">
    <!-- <link rel="stylesheet" href="../pc/assets/css/styles.css" /> -->
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!--[if lt IE 9]>
    <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <script>
		var JANE_NAME = 'gkzy'
		var USER_TOKEN = 'RmlETkdPdjYzZmVjNTVhMDAyYzY='
    </script>
</head>

<body>
<div class="haderNav navbarBox">
    <div class="container">
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="./index.html">
                        <img src="../pc/assets/img/logo.png" alt="道道">
                    </a>
                    <span class="logoTips">
                        100%内嵌
                    </span>
                </div>
            
                <div class="collapse navbar-collapse topNav" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="./index.html">首页</a></li>
                        <li class="active"><a href="#">我的订单</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>

<div class="container mainDiv">
    <div class="ContentMain">
        <div class="report-block">
            <div class="search-block hader clearfix">
                <span class="title">订单查询</span>
                <div class="Verification clearfix">
                    <input placeholder="请输入您的手机号码" type="text" class="form-control phoneInput phoneInput1" name="phone"/>
                    <div class="behindBox">
                        <div class="clearInput"></div>
                        <div data="place_order" data-key="phoneInput1" class="VerificationCode">
                            获取验证码
                        </div>
                    </div>
                </div>
                <input placeholder="请输入您验证码" type="text" class="form-control VerificationCode_s" name="phone_code" />
                <div class="Search">
                    搜索
                </div>
            </div>
            <div class="report-box">
                <table class="orderInformation table" border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th width="180">订单编号</th>
                            <th>商品名称</th>
                            <th>支付时间</th>
                            <th>实付金额</th>
                            <th>激活码</th>
                            <th width="180" class="operation-tr">操作</th>
                        </tr>
                    </thead>
                    <tbody class="tbody report-area"></tbody>
                </table>
                <input id="copyInput" type="text">
                <div class="nodata-block">
                    <img src="../pc/assets/img/nodata.png" alt="">
                    <p class="nodata-text">没有查询出高考志愿卡!</p>
                    <div class="toSubmit">
                        <a href="./index.html">购买激活卡</a>
                    </div>
                    <p class="report-tips">温馨提示: 请确认手机号正确且已成功提交订单，如有疑问请联系在线客服。</p>
                </div>
                <div class="loadLine loading">
                    <img src="../pc/assets/img/loading2.gif" alt="">
                    <p>加载中...</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="UsageBox">
    <div class="container">
        <div class="UsageMain">
            <div class="UsageHader">
                <img src="../pc/assets/img/usage process_ico.png" alt="">
                使用流程
            </div>
            <div class="MobilePhone">
                <div class="Label">
                    <div>
                        <img src="../pc/assets/img/phone.png" alt="">
                        <span>手机端</span>
                    </div>
                </div>
                <div class="row ProcessFlow">
                    <div class="col-md-2 card">
                        <p><i>1</i>在<span>应用商店</span></p>
                        <p>下载<span>【道道】APP</span></p>
                        <img class="img1" src="../pc/assets/img/img_phone1.png" alt="">
                        <p>或<span>直接扫码下载【道道】</span></p>
                        <img src="../pc/assets/img/img_phone2.png" alt="">
                    </div>
                    <div class="col-md-2 card">
                        <p><i>2</i>打开APP，</p>
                        <p>在<span>【我的】页面登录/注册</span></p>
                        <img class="img2" src="../pc/assets/img/img_phone3.png" alt="">
                    </div>
                    <div class="col-md-2 card">
                        <p><i>3</i><span>微信直接登录</span>或</p>
                        <p>输入<span>手机号验证码</span>登录</p>
                        <img class="img2" src="../pc/assets/img/img_phone4.png" alt="">
                    </div>
                    <div class="col-md-2 card">
                        <p><i>4</i>填写<span>高考年份、</span></p>
                        <p><span>成绩等</span>相关个人信息</p>
                        <img class="img2" src="../pc/assets/img/img_phone5.png" alt="">
                    </div>
                    <div class="col-md-2 card">
                        <p><i>5</i>在<span>【我的】</span>页面</p>
                        <p>点击<span>【开通VIP】</span></p>
                        <img class="img2" src="../pc/assets/img/img_phone6.png" alt="">
                    </div>
                    <div class="col-md-2 card">
                        <p><i>6</i>选择<span>【激活码开通VIP】</span></p>
                        <p><span>填写激活码，</span>确认激活</p>
                        <img class="img2" src="../pc/assets/img/img_phone7.png" alt="">
                    </div>
                </div>
            </div>
            <div class="pcEnd">
                <div class="Label">
                    <div>
                        <img src="../pc/assets/img/phone.png" alt="">
                        <span>电脑端</span>
                    </div>
                </div>

                <div class="row ProcessFlow">
                    <div class="col-md-6 card">
                        <p><i>1</i>点击 <a href="http://www.wmzy.com" target="_blank" rel="noopener noreferrer">www.wmzy.com</a>进入 <span>【完美志愿】</span> 网站，输入<span>手机号及验证码</span>登录</p>
                        <img src="../pc/assets/img/img_pc1.png" alt="">
                    </div>                    
                    <div class="col-md-6 card">
                        <div class="Parcel">
                            <p><i>2</i>登录后，<span>点击【立即开通】</span></p>
                            <img src="../pc/assets/img/img_pc2.png" alt="">
                        </div>
                    </div>                 
                    <div class="col-md-6 card">
                        <p><i>3</i>点击<span>【激活码开通VIP】</span></p>
                        <img src="../pc/assets/img/img_pc3.png" alt="">
                    </div>                 
                    <div class="col-md-6 card">
                        <div class="Parcel">
                            <p><i>4</i><span>输入激活码</span>，确认激活</p>
                            <img src="../pc/assets/img/img_pc4.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="CustomerService">
    <img class="img-ico" src="../pc/assets/img/customer-b.png" alt="">
    <img class="img-ico-active" src="../pc/assets/img/customer-w.png" alt="">
    <div class="customerBox">
        <div class="head">
            <img src="../pc/assets/img/kf.png" alt="">
            <span class="customer-title"></span>
        </div>
        <div class="customerCode">
            <img class="customer-qr" src="" alt="">
        </div>
        <div class="segmentation-line"></div>
        <div class="customerWay">
            <p class="wxText"><span class="s0">微信:</span> <span class="s1"></span></p>
            <p class="qqText"><span class="s0">Q Q:</span> <span class="s1"></span></p>
            <p class="telephone"><span class="s0">电话:</span> <span class="s1"></span></p>
            <p class="mailbox"><span class="s0">邮箱:</span> <span class="s1"></span></p>
        </div>
        <p class="noCustomer">商家未设置客服</p>
        <img class="customBg" src="../pc/assets/img/bg1.png" alt="">
    </div>
</div>
<div class="mask_body"></div>
<div class="delete-pop">
    <div class="pop_top">
        <div class="pop_title">删除提醒</div>
        <img class="close_pop" src="../pc/assets/img/delete_report.png" alt="">
    </div>
    <div class="pop_cont">
        <p class="p1">是否确定删除订单？删除后，无法恢复</p>
        <div class="back_block">
            <p class="p2">系统仅保留7天内的订单，</p>
            <p class="p3">确保您的论文不会被覆盖和盗窃</p>
        </div>
    </div>
    <div class="pop_bottom">
        <div class="cancel_btn">取消</div>
        <div class="determine_btn">确定</div>
    </div>
</div>

<div class="Bottom">

</div>
</body>
<script src="../pc/assets/js/jquery.min.js"></script>
<script src="../pc/assets/js/bootstrap.min.js"></script>
<script src="../pc/assets/js/bootstrapValidator.min.js"></script>
<script src="../pc/assets/js/coco-message.js"></script>
<!-- <script src="https://api.taoxiangyoushu.com/html/v1/utils/js/complainTS.js?v=1.9"></script> -->
<script src="../pc/assets/js/common.js?v=1.1"></script>
<script>
    if(window.localStorage.getItem('phone')) {
        $('.phoneInput').val(window.localStorage.getItem('phone'))
    }
    function startQuerying(){
        if(getQueryVariable('oid')) {
            $('#order-id').val(getQueryVariable('oid'))
            query_list(true)
        }else if(localStorage.getItem('oid')) {
            $('#order-id').val(localStorage.getItem('oid'))
            query_list(true)
        }
    }
    $('.Search').click(function() {
        $('tbody.report-area').html('')
        const regex = /^1[3456789]\d{9}$/;//使用此正则即可
        if(regex.test($('.phoneInput').val())) {
            if($('.VerificationCode_s').val()) {
                query_list()
            }else {
                cocoMessage.error('请输入验证码', 2000);
            }
        }else {
            cocoMessage.error('请输入正确的手机号', 2000);
            return
        }
    })
    function query_list(isTips) {
        $('.nodata-block').hide()
        $('.loading').show()
        $('.nodata-block').hide()
        var form_data = getFormData({
            phone: $('.phoneInput').val(),
            phone_code: $('.VerificationCode_s').val()
        })
        $.ajax({
            type : 'post',
            url : urls + "/api/client/order/query_list?user_token="+USER_TOKEN+"&jane_name="+JANE_NAME,
            processData : false,
            contentType : false,
            xhrFields: {
                withCredentials: true
            },
            data : form_data,
            success : function(result) {
                if(result.code == 200) {
                    $('.loading').hide()
                    if(result.data.length) {
                        $('tbody.report-area').html(tableHtml(result.data))
                    }else {
                        $('.nodata-block').show()
                    }
                }else {
                    $('.nodata-block').show()
                    $('.loading').hide()
                    if(!isTips) {
                        cocoMessage.error(result.codeMsg, 2000);
                    }
                }
            }
        });
    }
    // 表格前后内容固定, 中间自定义pc表格html
    function tableHtml(params) {
        var html = ''
        for (var i = 0; i < params.length; i++) {
            var text = "";
            text += "<tr class=\"td\" style=\"text-align: center; color: #666;\">";
            text += "	<td class=\"caption\">"
            text += "	 	<p style=\"text-align: left; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; padding-left: 10px;\">" + params[i].order_sn + "</p>";
            text += "   </td>";
            text += "	<td style=\"text-align:center;\">" + params[i].goods_name + "</td>";
            text += "	<td style=\"text-align:center;\">"+params[i].created+"</td>";
            text += "	<td style=\"text-align:center;\">"+params[i].order_amount+"</td>";
            text += "	<td style=\"text-align:center;\">"+(params[i].card_code || '分配中...')+"</td>";
            text += "	<td style=\"text-align:center;\" class=\"caption buttons1\">"
            text += "       <span class=\"CopyCode\" data-code=\""+params[i].card_code+"\">复制激活码</span>";
            text += "       <span><a href=\"https://www.wmzy.com\" target=\"_blank\" rel=\"noopener noreferrer\">去官网使用</a></span>";
            text += "   </td>";
            text += "</tr>";
            html = html + text
        }
        return html
    }

    $(document).on('click','.CopyCode',function (){
        var text = $(this).data('code')
        if(text) {
            $("#copyInput").val(text)
            $("#copyInput").select()
            try {
                var state = document.execCommand("copy");
            } catch (err) {
                var state = false;
            }
            if (state) {
                cocoMessage.success(1000, "复制成功", function() {
                });
            } else {
                cocoMessage.error(1000, "复制失败", function() {
                });
            }
        }else {
            cocoMessage.error("激活码分配中, 请稍等...", 2000);
        }
    })

    $('.clearInput').click(function() {
        $.ajax({
            type: 'get',
            url: urls + '/apiuser/logout',
            success: function (res) {
                if (res.code == 200) {
                    window.localStorage.removeItem('phone')
                    $('.phoneInput , .VerificationCode_s').val('')
                    $('tbody.report-area').html('')
                    $('.nodata-block').show()
                    $('.loading').hide()
                }
            }
        });
    })

    // 删除
    $(".cancel_btn").on('click', function (){
        $(".mask_body").hide();
        $(".delete-pop").hide()
    })

    $(".close_pop").on('click', function (){
        $(".mask_body").hide();
        $(".delete-pop").hide()
    })

    $(document).on('click','.rateExplicit .delete_btn',function (){
        $(".mask_body").show();
        $(".delete-pop").show()
        $(".delete-pop").attr('data-orderid',$(this).attr('data-orderid'))
    })
    $(".determine_btn").click(function (){
        closeMsg = cocoMessage.loading('正在删除...');
        $.ajax({
            type: 'get',
            url: urls + '/api/client/order/del?user_token='+ USER_TOKEN +'&orderSn='+ $(".delete-pop").attr('data-orderid') +'&jane_name=' + JANE_NAME,
            success: function (res) {
                if (res.code == 200) {
                    $(".mask_body").hide();
                    $(".delete-pop").hide()
                    $('.orderId').val( $(".delete-pop").attr('data-orderid') )
                    query(false)
                }else {
                    cocoMessage.error(res.codeMsg, 2000);
                    closeMsg()
                }
            },
            error: function () {
                cocoMessage.error("请求失败!请检查网络", 2000);
                closeMsg()
            },
        });
    })


</script>
</html>